//
//  _32_layout_special.scss
// -------------------------
//
//      Hier kommen eigene Definitionen rein.
//
//



// Layout/Seitenaufteilung
// =============================================================================

html {
    height: 100%;
    padding: $magic-number-unit;
}

body {
    height: 100%;
    margin: 0;
    // Header-Bereich
    &> header {
        margin-bottom: 32px;
        padding: 5px;
        hgroup {
        }
        h1, h2 {
            margin: 0 0 $magic-number-half-unit;
        }
    }
}



#content{
    min-height: 100%;
    margin-left: 282px;
    /*padding-top: 128px;*/
    font-size: 0;
    /*background: rgba(255,255,255, 0.5);*/
}



// Design-Anpassungen
// =============================================================================
* {
    vertical-align: top;
}

html {
    background-color: #252326;
    background:
            url("/images/ewebuki-admin/background-dashboard-dots.jpg") center center fixed,
            url("/images/ewebuki-admin/background-dashboard-01.jpg") center center no-repeat fixed;
/*            url("/images/ewebuki-admin/background-dashboard-02.jpg") center center no-repeat fixed;*/
/*            url("/images/ewebuki-admin/background-dashboard-03.jpg") center center no-repeat fixed;*/
/*            url("/images/ewebuki-admin/background-dashboard-04.jpg") center center no-repeat fixed;*/
/*            url("/images/ewebuki-admin/background-dashboard-05.jpg") center center no-repeat fixed;*/
    -webkit-background-size: auto, cover;
    -moz-background-size: auto, cover;
    -o-background-size: auto, cover;
    background-size: auto, cover;
}

body {
    font-family: 'Source Sans Pro', sans-serif;
    &> header {
        background: rgba(0, 0, 0, 0.4);
        color: $color-font-contrast;
        hgroup {
        }
        h1 {
            font-size: 28px;
        }
        a {
            color: $color-font-error;
            font-weight: bold;
            text-decoration: none;
        }
    }
}




















// =============================================================================

nav.tools {
    position: absolute;
    margin-bottom: 32px;
    width: 250px;
    ul {
        margin: 0;
        padding: 0;
        list-style: none;
        li {
/*            display: inline;*/
            background: $color-bg-none;
            border-left: 3px solid #616161;
            margin: 0 0 $magic-number-unit;
            position: relative;
            a {
                text-decoration: none;
            }
            a.brick {
                background: #e7e7e7;
                display: block;
                font-family: "Quattrocento";
                padding: 16px 55px 16px 12px;
                overflow: hidden;
                position: relative;
                width: 100%;
                &:hover {
                    color: $color-font-link;
                }
            }
            ul {
                padding: $magic-number-half-unit 0;
                li {
                    border-width: 0;
                    margin: $magic-number-quarter-unit 0;
                    padding-left: $magic-number-unit;
                }
            }

            .brick-icon {
                background: url("/images/ewebuki-admin/sprite-menu-admin.jpg") left top no-repeat;
                position: absolute;
                right: 0;
                top: 0;
                height: 100px;
                width: 50px;
            }
            &.listitem-tool {
                border-color: #cc933d;
                .brick-icon {
                    background-position: -50px top;
                }
            }
            &.listitem-blog {
                border-color: #3d83cc;
                .brick-icon {
                    background-position: -100px top;
                }
            }
            &.listitem-setting {
                border-color: #3dcc46;
                .brick-icon {
                    background-position: -150px top;
                }
            }
        }
    }
}

#page_wrap {
    background: rgba($color-bg-none,0.9);
    min-height: 250px;
    margin-left: 280px;
    padding: $magic-number-half-unit;
    p {

    }
}